body,button, input, select, textarea,h1 ,h2, h3, h4, h5, h6 { font-family: Microsoft YaHei,'宋体' , Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;}
div[data-pageview],span[data-pageview] {cursor: pointer;}
a.fa-trash-o { display:inline-block;width:100%; font-size:20px;}
.dis { display: block; }
.undis { display: none; }
.content-wrapper { /*height: 100%; */margin-left: 0; overflow: hidden;}
.mianwrapper { position:absolute; left: 0; top: 0; z-index: 1000 ; width: 100%; height: 100%; background:url(../images/indexbg.jpg) no-repeat;background-size:cover; overflow: hidden; }
.mainarea { width: 300%; height:78%; position:absolute; left: 0; top:45px; }
.maincontent { float: left;width:33.33333333%;height: 100%;}
.mtitle { padding: 5px; text-align: center; color: #fff }
.mnav { position: absolute; left: 0; bottom: 0; width: 100%; height:15%; z-index: 1000; background: #dbdde4}
.themnav { display: block; height: 100%;}
.themnav,.themnav li { list-style: none; margin: 0; padding: 0;}
.themnav { padding: 2px 0;/*box-shadow: 0 2px 5px 0 rgba(255, 255, 255, .6) inset; */}
.themnav li { float: left; width:33.33333333%; height: 100%; text-align: center; }
.themnav li a { display: block; height: 100%; padding: 5px 0; filter:alpha(opacity=50);opacity: 0.5;}
.themnav li a:active,.themnav li.cur a {filter:alpha(opacity=100);opacity:1}
.themnav li a span { display: inline-block; width:32%; height: 60%; }
.themnav li a span.n1 {background:url(../images/mnav01.png) no-repeat center center;background-size:contain;} 
.themnav li a span.n2 {background:url(../images/mnav02.png) no-repeat center center;background-size:contain;} 
.themnav li a span.n3 {background:url(../images/mnav03.png) no-repeat center center;background-size:contain;} 
.themnav li a p {color: #425b71; font-size:120%}
.themnav li:first-child a { border-right: 1px solid #bbc0c6}
.themnav li:nth-child(2) a { border-left: 1px solid #fff;border-right: 1px solid #bbc0c6}
.themnav li:last-child a { border-left: 1px solid #fff }
.maincon { width: 94%; margin: 0 auto;  height:95%; padding:30px 0; border-radius: 8px;
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0.9) 80%, rgba(255, 255, 255, 0.4) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0.9) 80%, rgba(255, 255, 255, 0.4) 100%); 
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0.9) 80%, rgba(255, 255, 255, 0.4) 100%); 
}
.thenav { height:100%; text-align: center; }
.thenav a { display: inline-block; position: relative; margin:5px 4px; padding: 5px; width: 45%; height:30%; border-radius:8px; text-align: left;}
.thenav a:before { content: '.';font-size: 0 }
.thenav .a1 { background-color: #1c7af6 }
.thenav .a2 { background-color: #ff9b34 }
.thenav .a3 { background-color: #1cae49 }
.thenav .a4 { background-color: #f85340 }
.thenav .a5 { background-color: #9a64d9 }
.thenav .a6 { background-color: #484bb8 }
.thenav .ic { display: inline-block; width:36%; margin-left: 10px; height: 78%;}
.thenav .s1 {background:url(../images/index_nav_i_bz.png) no-repeat center center;background-size:contain;}
.thenav .s2 {background:url(../images/index_nav_i_cz.png) no-repeat center center;background-size:contain;}
.thenav .s3 {background:url(../images/index_nav_i_cd.png) no-repeat center center;background-size:contain;}
.thenav .s4 {background:url(../images/index_nav_i_gd.png) no-repeat center center;background-size:contain;}
.thenav .s5 {background:url(../images/index_nav_i_jd.png) no-repeat center center;background-size:contain;}
.thenav .s6 {width:28%; background:url(../images/index_nav_i_gz.png) no-repeat center center;background-size:contain;}
.thenav .s7 {background:url(../images/index_nav_i_sq.png) no-repeat center center;background-size:contain;}
.thenav .tx { position: absolute; right: 10px; bottom:10px; color: #fff; text-align: right; text-shadow:1px 1px 1px rgba(0,0,0,.4);}
.thenav .tx em { display: block; font-style: normal;}

.mearea { padding: 40px; height: 60% }
.mepic { display:inline-block; padding: 45px; border-radius:50%; background: #fff; border: 2px solid #333; filter: alpha(opacity=60); opacity: 0.6 }
.mearea > p { margin: 10px 0; color: #fff }
.etarea { width: 50%; margin:40px auto 0; }

.topnavbar { position: relative; width: 100%; height: 45px; background:#009cff }
.topnavtitle { line-height: 45px; text-align: center; font-size: 20px; color: #fff }
.topnav-back { position: absolute; left: 0; top: 0; padding: 5px 0; font-size:24px; color: #fff }
.topnav-search-btn {position: absolute; right: 8px; top:0; height: 45px;padding: 7px 0; text-align: center; font-size:20px; color: #fff}
.topnav-check {position: absolute; right: 8px; top:0; height: 45px;padding: 7px 0; text-align: center; font-size:20px; color: #fff}
.topnavbar .box-tools { position: absolute; left:50%; top:8px; display: none; width:96%; margin-left: -48%; }
.box-tools span.label { font-weight: normal; }

.mainpage { width: 100%; height: 100%; }
.mainpagecontent { height: 90%; overflow: hidden; }
.m-content {height:100%;-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:scroll;}

.mainpage .radio .t { padding-left: 0; }

.m-item { padding:10px; background:#fff }
.m-title { position: relative; height: 30px; padding: 0 10px; background-color: #eef6f8; line-height: 30px;}
.m-title .fa { margin-top: 5px; }
.mtimeline {
    position: relative;
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
}
.mtimeline>li:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width:2px;
    background: #7b989f;
    left:80px;
    margin: 0;
    border-radius: 2px;
}
.mtimeline>li:last-child { padding-bottom: 0 }
.mtimeline>li:last-child:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width:0;
    background:none;
    left:0;
    margin: 0;
    border-radius:0;   
}
.mtimeline>li {
    position: relative;
    margin-right: 10px;
    padding-bottom: 15px;
}
.mtimeline>.time-label>span {
    font-weight: 600;
    padding: 5px;
    display: inline-block;
    background-color: #fff;
    border-radius: 4px;
}

.mtimeline>li>.mtimeline-item {    
    border-radius: 3px;
    margin-top: 0;
    background: #fff;
    color: #444;
    margin-left:95px;
    padding: 0;
    position: relative;
}
.mtimeline>li>.mtimeline-item>.mtimeline-item-box {
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border-radius: 3px;
    margin-top: 0;
    background-color: #439bff;
    color: #fff;
    margin-left:10px;   
    padding:5px;
    position: relative;
}

.mtimeline>li>.mtimeline-item>.mtimeline-item-box:before {
	content: '';
	display:block;
    width:0;
    height:0;
    border-width:0 15px 15px 0;
    border-style:solid;
    border-color:transparent #439bff transparent transparent ;    
    position:absolute;
    left:-12px;
    top: 0;
}


.mtimeline>li>.mtimeline-tip{ position: absolute; left:8px; top: 0; width:58px; text-align: right;}
.mtimeline>li>.mtimeline-fa { position: absolute; left:72px; top:0; display: block; width:18px; height: 18px; background-color:#fff;  border: 3px solid #067bff; border-radius: 50% }

.mtimeline>li.cur .mtimeline-tip { color: #ff6f06 }
.mtimeline>li.cur .mtimeline-fa {  border: 3px solid #ff6f06; }
.mtimeline>li.cur .mtimeline-item>.mtimeline-item-box {background-color: #ff6f06;}
.mtimeline>li.cur .mtimeline-item>.mtimeline-item-box:before {border-color:transparent #ff6f06 transparent transparent ;   }

.mbox { padding:10px; background-color: #fff }
.mbox p { margin-bottom: 0 }
.mbox-title { padding: 5px; background-color:#d7d7d7; color: #fff; font-size:16px; }

table.dataTable>thead>tr>th {font-size: 12px; text-align: center; font-weight: normal; white-space: nowrap; }
table.dataTable>tbody>tr>td { padding: 5px; font-size: 12px; white-space: nowrap; }

#tableview th { padding: 5px; }





.pullDownLabel, .pullUpLabel {color:#999}
.pullDown, .pullUp {background:#fff;height:40px;line-height:40px;font-weight:bold;font-size:0.8em;color:#888}
.pullDown .pullDownIcon, .pullUp .pullUpIcon {display:block;float:left;opacity:0.4;width:40px;height:40px;background:url(../images/pull_to_refresh.png) 0 0 no-repeat;-webkit-background-size:40px 80px;-ms-background-size:40px 80px; background-size:40px 80px;-webkit-transition-property:-webkit-transform;-ms-transition-property:-webkit-transform;-webkit-transition-duration:250ms;-ms-transition-duration:250ms}
.pullDown .pullDownIcon {-webkit-transform:rotate(0deg) translateZ(0);-ms-transform:rotate(0deg) translateZ(0)}
.pullUp .pullUpIcon  {-webkit-transform:rotate(-180deg) translateZ(0);-ms-transform:rotate(-180deg) translateZ(0)}
.pullDown.flip .pullDownIcon {-webkit-transform:rotate(-180deg) translateZ(0);-ms-transform:rotate(-180deg) translateZ(0)}
.pullUp.flip .pullUpIcon {-webkit-transform:rotate(0deg) translateZ(0);-ms-transform:rotate(0deg) translateZ(0)}
.pullDown.loading .pullDownIcon, .pullUp.loading .pullUpIcon {background-position:0 100%;-webkit-transform:rotate(0deg) translateZ(0);-ms-transform:rotate(0deg) translateZ(0);-webkit-transition-duration:0ms;-ms-transition-duration:0ms;-webkit-animation-name:loading;-ms-animation-name:loading;-webkit-animation-duration:1s;-ms-animation-duration:1s;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-ms-animation-timing-function:linear}

@-webkit-keyframes loading {
  from {-webkit-transform:rotate(0deg) translateZ(0)}
  to {-webkit-transform:rotate(360deg) translateZ(0)}
}
@-ms-keyframes loading {
  from {-ms-transform:rotate(0deg) translateZ(0)}
  to {-ms-transform:rotate(360deg) translateZ(0)}
}


.abtn { display: inline-block; line-height: 30px; }
.abtn .fa { color: green; }
.bor-b { border-bottom: 1px solid #ccc }

.bg-w { background-color: #fff }

.fixed { position:fixed; top: 0; left: 0; z-index: 1020; }
.ftc { text-align: center; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt40 { margin-top: 40px; }


